<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="l/payFirst/payFirst.css" />
	</head>
	<body>
	<form action="payFirst" method="post">
		<!--头部-->
		<div class="tg-head Fix" id="masthead">
			<div class="tg-headbar" id="headbar">
				<div class="tg-cont">
					<ul class="tg-tools Left" data-id="head-tools">
						<li cl ass="tg-tools-mob no-hover">
							<i class="icon"></i>
							<span>
                <a href="#">手机版</a></span>
						</li>
						<li class="tg-line icon"></li>
						<li class="tg-tools-home no-hover">
							<i class="icon"></i>
							<span>
                <a href="#">大众点评首页</a></span>
						</li>
					</ul>
					<ul class="tg-tools Right" data-id="head-tools">
						<li class="tg-tools-my">
							<span>
                <a href="#">我的点评团</a></span>
							<b class="icon"></b>
							<ul>
								<li>
									<a href="#">
										<span>我的团购券</span></a>
								</li>
								<li>
									<a href="#">
										<span>团购订单</span></a>
								</li>
								<li>
									<a href="#">
										<span>我的评价</span></a>
								</li>
								<li>
									<a href="#">
										<span>我的收藏</span></a>
								</li>
								<li>
									<a href="#">
										<span>我的钱包</span></a>
								</li>
								<li>
									<a href="#">
										<span>账户设置</span></a>
								</li>
							</ul>
						</li>
						<li class="tg-line icon"></li>
						<li>
							<span>
                <a href="#">商家中心</a></span>
							<b class="icon"></b>
							<ul>
								<li>
									<a href="#" rel="nofollow">
										<span>商户中心</span></a>
								</li>
								<li>
									<a href="#" rel="nofollow">
										<span>我想合作</span></a>
								</li>
								<li>
									<a href="#" rel="nofollow">
										<span>商户认证</span></a>
								</li>
							</ul>
						</li>
						<li class="tg-line icon"></li>
						<li>
							<span>更多</span>
							<b class="icon"></b>
							<ul>
								<li>
									<a href="/help">
										<span>帮助</span></a>
								</li>
							</ul>
						</li>
					</ul>
					<ul class="tg-tools Right J_head_user">
						<c:if test="${empty userinfos }">
						<li class="no-hover">
							<span><a class="item" href="#">你好，请登录</a></span>
						</li>
						</c:if>
						<li class="tg-line icon"></li>
						<c:if test="${not empty userinfos }">
							<li class="no-hover">
								<span>
									<a class="item" href="#">${userinfos.username},&nbsp你好</a>
									<a data-id="logout-link" href="exit">退出</a>
								</span>
							</li>
						</c:if>
						<li class="tg-line icon"></li>
					</ul>
				</div>
			</div>
			<!--


     logo 进度条


     -->
			<div class="tg-cont">
				<div class="tg-logo Left Fix" id="logo">
					<a class="tg-logo-main icon" href="#"></a>

					<div class="tg-logo-line icon"></div>
					<a class="tg-logo-site icon" href="/"></a>
				</div>

				<div class="process-nav">
					<ul class="Fix">
						<li class="step step-now">
							<div class="num num-a">1.提交订单</div>
							<div class="arrow arrow-a"></div>
						</li>
						<li class="step ">
							<div class="num num-b ">2.确认支付</div>
							<div class="arrow arrow-b"></div>
						</li>
						<li class="step ">
							<div class="num num-c">3.完成购买</div>
							<div class="arrow arrow-c"></div>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--
   主内容
 -->
		<div class="main-cont tg-cont">
			<!-- 抬头 -->
			<div class="tit-box">
				<span>确定订单信息</span>
				<a href="#">返回重新下单</a>
			</div>
			<table class="promo-table" width="100%" cellspacing="0" cellpadding="0">
				<thead>
					<tr class="tc">
						<th class="tl">商品名称</th>
						<th width="12%">单价</th>
						<th width="8%">数量</th>
						<th class="tr" width="18%">总价</th>
					</tr>
				</thead>
				<tbody>
					<tr class="itr-detail tc">
						<c:forEach items="${gp}" var="gp">
						<td class="tl">${gp.gpshname}</td>
						<td class="shprice">${gp.gpshprice}</td>
						<td class="prinum">${num}</td>
						<td class="tr" id="sumpri"></td>
					</tr>
					<tr class="narrow tc">
					</tr>
					<tr class="narrow tc J_order_discount"></tr>
					<tr class="narrow tc J_order_coupon">
						<td class="tl" colspan="3">
							<div class="check-box off J_checkbox"></div>
							<span class="name">抵扣券/优惠代码:</span>
							<div class="picker-box J_pickerbox">
								<div class="input-box item Fix">
									<span class="text f-l">&nbsp;</span>
									<i class="f-r tgl"></i>
								</div>
								<ul class="picker-list">
									<li class="item Fix J_picker_code">
										<span class="text f-l">使用优惠代码</span>
									</li>
								</ul>
							</div>
							<div class="code-box J_code_box Hide">
								<input class="input J_code_input" placeholder="请输入优惠码">
								<span class="code-btn J_code_submit">确定</span>
							</div>
							<a href="javascript:void(0);" class="notice-icon">
								<div class="notice-box">
									<p>1.勾选使用抵用券或优惠代码，选择可用的抵用券或输入可用的优惠代码，可抵扣相应金额</p>
									<p>2.用户可通过参与点评团的活动来获得抵用券/优惠代码；抵用券在抵用券中可以查看，优惠代码会以邮件形式发放</p>
									<p>3.使用抵用券/优惠代码支付的订单，任何情况下发生退款时，只退回实际支付的金额，抵用券/优惠代码不予退回</p>
								</div>
								<i class="t-t"></i>
							</a>
							<span class="error"></span>
						</td>
						<td class="tr">

						</td>
					</tr>

					<tr class="narrow tc J_order_gift"></tr>
					<tr class="narrow J_order_total">
						<td></td>
						<td></td>
						<td></td>
					
						<td class="tr">还需支付:&nbsp;<strong class="price">¥ </strong></td>
						
					</tr>
				</tbody>
			</table>

			<div class="mobile-box Fix">
				<div class="f-r Fix">
					
				
				</div>
			</div>

			<!--
        提交订单
     -->

			<div class="submit-order Fix">
				<span class="icon-list f-l">
                   <i class="over"></i>过期退
                   <i class="anytime"></i>随时退
             </span>

				<div class="f-r Fix">
					<span class="submit-error f-l J_submit_error Hide">

                 </span>
					<a class="b-new-rbtn order-btn J_order_submit"  href="paysecond?gpid=${gp.gpid}">
						<span>立即抢购</span>
					</a>
					</c:forEach>
				</div>
				<form method="post" class="Hide" id="submit-form" action="">
					<input class="J_submit_token" name="token" type="hidden">
					<input class="J_submit_tradeno" name="tradeno" type="hidden">
					<input class="J_submit_pay_token" name="pay_token" type="hidden">
					<input name="website" value="dptuangou" type="hidden">
					<input name="nb_platform" value="www" type="hidden">
					<input name="nb_source" value="cashier-pcforcustomer" type="hidden">
				</form>
			</div>
		</div>
		<div class="tg-footer" id="footer">
			<div class="tg-footer-list">
				<div class="tg-cont">
					<ul>
						<li class="tg-footer-item-wide">
							<a href="javascript:void(0);" class="tg-footer-call Fix">
								<i class="icon"></i>
								<span>客服电话</span>
								<p>10100011</p>
							</a>
							<a href="#" rel="nofollow" class="tg-footer-advice Fix">
								<i class="icon"></i>
								<span>站务论坛</span>

								<p>让我们倾听你的声音</p>
							</a>
						</li>
						<li class="tg-footer-item-wide">
							<a href="#" rel="nofollow" class="tg-footer-coop Fix">
								<i class="icon"></i>
								<span>商务合作</span>

								<p>在点评组织团购</p>
							</a>
							<a href="#" rel="nofollow" class="tg-footer-customer Fix" data-id="online-customer">
								<i class="icon"></i>
								<span>在线客服</span>

								<div class="m-lbtn">立即提问</div>
							</a>
						</li>
						<li class="tg-footer-item-narrow">
							<dl>
								<dt>用户帮助</dt>
								<dd>
									<a href="#" rel="nofollow">如何使用</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">常见问题</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">点评团承诺</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">邮箱白名单设置</a>
								</dd>
							</dl>
						</li>
						<li class="tg-footer-item-narrow">
							<dl>
								<dt>获得更新</dt>
								<dd>
									<a href="#" rel="nofollow">点评团新浪微博</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">点评团QQ空间</a>
								</dd>
							</dl>
						</li>
						<li class="tg-footer-item-narrow">
							<dl>
								<dt>商务合作</dt>
								<dd>
									<a href="#" rel="nofollow">团购合作</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">开发者</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">开放API</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">友情链接</a>
								</dd>
							</dl>
						</li>
						<li class="tg-footer-item-narrow">
							<dl>
								<dt>公司信息</dt>
								<dd>
									<a href="#" rel="nofollow">关于我们</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">联系我们</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">团购用户协议</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">人才招聘</a>
								</dd>
								<dd>
									<a href="#" rel="nofollow">媒体报道</a>
								</dd>
							</dl>
						</li>
					</ul>
				</div>
			</div>
			<p class="tg-footer-copyright">增值电信业务经营许可证：沪B2-20040012 &nbsp;&nbsp;&nbsp;&nbsp; 互联网地图服务资质：乙测资字31202063</p>

			<p class="tg-footer-credit-box">
				<a href="#" style="display:inline-block;zoom:1;position:relative;text-decoration:none;">
					<img alt="沪公网备" src="http://www.dpfile.com/sc/dpPCimage/picp_bg.png" width="150" height="47">
					<span align="center" style="font-size:11px;color:#001b75;text-decoration:none;top: 28px;left: 58px;position:absolute;cursor:pointer;font-family: serif;padding:0;margin:0"></span></a>
				<a target="_blank" rel="nofollow" href="#">
					<img alt="上海工商" src="http://www.dpfile.com/s/res/gongshang.517f6c96216b5fdba2118954e275460f.gif" height="47"></a>
				<a target="_blank" rel="nofollow" href="#">
					<img alt="网络社会征信网" src="http://www.dpfile.com/s/res/zx110-1.4a2a9ace41739062a34095c9b8243f53.png" height="47"></a>
				<a target="_blank" rel="nofollow" href="#">
					<img alt="可信网站" src="http://www.dpfile.com/cms/20140220/472415298750.jpg" height="47"></a>
				<a target="_blank" rel="nofollow" href="#">
					<img alt="AAA认证" src="http://i1.dpfile.com/s/res/trust_org.a60b32383d8f65848924df40c74c0eb5.png" height="47"></a>
				<a target="_blank" rel="nofollow" href="#">
					<img alt="诚信网站" src="http://www.dpfile.com/s/res/chengxin.ca5cd00719112ed37c691634e73d4955.png" height="47"></a>
			</p>
		</div>
		</form>
		<script type="text/javascript" src="l/lib/jquery-3.2.1.min.js" ></script>
		<script type="text/javascript" src="l/payFirst/payFirst.js" ></script>
	</body>
</html>